<template>
    <div id="biggest-concern-list">
        <BiggestConcernListItem v-for="item in listData" :key="item.id" :item="item.text"/>
    </div>
</template>

<script>
    import BiggestConcernListItem from "./item/BiggestConcernListItem";
    export default
    {
        props: {
          listData: {
              type: Array,
              required: true
          }
        },
        name: "BiggestConcernList",
        components: {
            BiggestConcernListItem
        }
    }
</script>

<style scoped>
    #biggest-concern-list{
        margin-left: 10px;
        margin-top: 20px;
    }
</style>
